<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/sys/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>农产品质量安全追溯系统 - 企业介绍</title>
<link rel="stylesheet" href="${path }/cms/css/public.css">
<link rel="stylesheet" href="${path }/cms/css/companyProfile.css">
<script type="text/javascript" src="${path }/cms/js/jquery-1.8.3.min.js"></script>
</head>
<body>

<div class="companyProfile">
    <%@ include file="/WEB-INF/cms/header.jsp" %>

    <div class="productInquire">
	    <div>
	        <img src="${path }/cms/images/cp1.png" alt="">
	    </div>
	    <div>
	        <img src="${path }/cms/images/cp2.png" alt="">
	    </div>
	    <div>
	        <input type="text" id="querycode" placeholder="请输入产品追溯码" />
	        <p>商品条码，例：6901267867891</p>
	        <img src="${path }/cms/images/cp5.png" alt="">
	    </div>
	    <div>
	        <a href="javascript:;" onclick="doQuery()">
		        <div>点击查询</div>
		        <img src="${path }/cms/images/cp4.png" alt="点击查询" />
		    </a>
	    </div>
	</div>
	
	<script type="text/javascript">
	function doQuery(){
		location.href = '${path}/c/traceQuery.do?code='+$('#querycode').val();
	}
	</script>

    <div class="btBox">
        <h2>企业介绍</h2>
        <p>companies to introduce</p>
    </div>

    <div class="imgBox">
        <img src="${company.imgurl }" alt="" onerror="this.src='${path }/cms/def/qiye.png'">
    </div>
    <div class="qyjsBox">
        <h2>${company.name }</h2>
        <p>${company.remark } </p>
    </div>

    <div class="qyjsCabs">
        <ul>
            <li>
                企业类型：${company.type }
            </li>
            <li>
                企业编号：${company.code }
            </li>
            <li>
                生产规模：${company.productivity }
            </li>
            <li>
                联系人：${company.contact }
            </li>
            <li>
                联系电话：${company.phone }
            </li>
            <li>
                营业执照：${company.business }
            </li>
            <li>
                 法人代表：${company.corporate }
            </li>
            <li>
                企业级别：${company.level }
            </li>
        </ul>
    </div>
    <div class="connectUsMapBox" id="allmap">

    </div>

    <%@ include file="/WEB-INF/cms/footer.jsp" %>

</div>

<script type="text/javascript" src="https://map.qq.com/api/js?v=2.exp&key=QVPBZ-QJO6X-2S24Q-TVPQO-CRYC2-JMBL2" charset="utf-8"></script>
<script type="text/javascript">
var lng = '${company.lng}',lat = '${company.lat}';
$(function(){
	if(lng && lat){
		var map = new qq.maps.Map("allmap", {
	        center: new qq.maps.LatLng(parseFloat(lat), parseFloat(lng)),
	        zoom: 15,
	        draggable: false,
	        scrollwheel: false,
	        disableDoubleClickZoom: true,
	        panControl:false,
	        zoomControl: false
	    });
		map.panTo(new qq.maps.LatLng(parseFloat(lat), parseFloat(lng)));
		var marker = new qq.maps.Marker({position: new qq.maps.LatLng(parseFloat(lat), parseFloat(lng)), map: map});
		map.setDraggable(false);
	}
});
</script>
</body>
</html>